<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <!-- <script src="../boot/login.boot.js"></script> -->

    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/plugins/iview/styles/iview.css">
    <link rel="stylesheet" href="../static/css/base.css">
    <link rel="stylesheet" href="../static/layout/login/login_layout.css">


    <script src="../static/js/jquery.js"></script>
    <script src="../static/layout/login/login_common.js"></script>
    <script src="../static/js/pageCommon.js"></script>


    <script src='../static/plugins/iview/vue.min.js'></script>
    <script src='../static/plugins/iview/iview.js'></script>

    <script src="../static/js/jquery.backstretch.min.js"></script>
    <link rel="stylesheet" href="register.css">


    <div class="container" id="app">

        <div id="headwrap" class=" clearfix">


            <div class="head-left">

                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/main/LOGO.svg" />
                </div>

                <div class="head-right-item head-title fc333">江苏梦兰神彩权限管理系统</div>
                <div class="head-right-item head-subtitle fc666">用户登录</div>

            </div>


            <div class="head-right inlinline-block-container">




                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>
                         <a href="help.html" target="_blank">帮助</a>
                     </span>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">谷歌浏览器下载</a>
                        </li>
                        <li>
                            <a href="">IE浏览器下载</a>
                        </li>

                    </ul>
                </div>







            </div>


        </div>

        <div id="mainwrap" class=" clearfix">

            <div class="sc-register mainContent clearfix">
                <div class="sc-register-content">
                    <div class="sc-register-name">
                        <span></span> 找回密码
                        <div class="fr">想起密码了? <a href="login.html">去登陆</a></div>
                    </div>


                    <div class="find clearfix">
                        <div class="find-content">

                            <div class="find-title"><span><i class="ivu-icon ivu-icon-android-alert"></i></span> 您正在为帐号 <span class="bigBlue">ZH12345678</span> 找回密码
                            </div>
                            <div class="find-type">
                                <div class="find-type-box"><img src="../static/images/login/find_by_phone.png">
                                    <div class="find-type-box-header">
                                        通过手机找回密码
                                    </div>
                                    <p>
                                        如果您的手机能正常使用，<br> 请选择此方式
                                    </p>
                                    <button class="find_right_now ivu-btn ivu-btn-ghost" v-on:click.stop="goToPage('find_02.html')">
                                    立即找回
                                     </button>
                                </div>

                                <div class="find-type-box"><img src="../static/images/login/find_by_kefu.png">
                                    <div class="find-type-box-header">
                                        人工服务
                                    </div>
                                    <p>
                                        如果您的手机能正常使用，<br> 请选择此方式
                                    </p> <button class="find_right_now ivu-btn ivu-btn-ghost">
                            立即找回
                        </button></div>
                            </div>
                        </div>
                    </div>




                    <Row>
                        <i-col span="8">

                        </i-col>
                        <i-col span="8">

                        </i-col>
                        <i-col span="8">

                        </i-col>

                    </Row>



                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix ">

        </div>

    </div>
    <script scr="../static/js/pageCommon.js "></script>

    <script type="text/javascript ">
        //获取url参数公用方法
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }


        var app = new Vue({
            el: '#app',
            data: {

                step: 0
            },
            mounted: function() {
                this.step = GetQueryString("step") || 0;

            },
            methods: {
                goToPage: function(url) {
                    window.location.href = url;
                }
            }
        });
    </script>

</body>

</html>